﻿<Page
    x:Class="OhZeeCreative.Windows8.UI.Radials.TestApp.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:OhZeeCreative.Windows8.UI.Radials.TestApp"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:ozctrl="using:OhZeeCreative.UI.Controls"
    mc:Ignorable="d">
    <Page.Resources>
        <Style x:Key="DashBoardNumber" TargetType="TextBlock">
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="FontSize" Value="36"/>
            <Setter Property="FontWeight" Value="Bold"/>
            <Setter Property="FontFamily" Value="LilyUPC"/>
            <Setter Property="TextAlignment" Value="Center"/>
            <Setter Property="Width" Value="80"/>
            <Setter Property="RenderTransformOrigin" Value="0.5,0.5"/>
          
        </Style>

        <Style x:Key="DashBoardNumberFlipped" TargetType="TextBlock" BasedOn="{StaticResource DashBoardNumber}">
            <Setter Property="RenderTransform">
                <Setter.Value>
                    <CompositeTransform Rotation="180"/>
                </Setter.Value>
            </Setter>
        </Style>

        <Style x:Key="FigureBorder" TargetType="Border">
            <Setter Property="RenderTransformOrigin" Value="0.5,0.5"/>
        </Style>

        <Style x:Key="rect"  TargetType="Rectangle">
            <Setter Property="Width" Value="80"/>
            <Setter Property="Height" Value="10"/>
            <Setter Property="Fill">
                <Setter.Value>
                    <LinearGradientBrush>
                        <GradientStop Offset="0" Color="Red"></GradientStop>
                        <GradientStop Offset="1" Color="Blue"></GradientStop>
                    </LinearGradientBrush>
                </Setter.Value>                
            </Setter>
            <Setter Property="RenderTransformOrigin" Value="0.5,0.5"/>
            <Setter Property="RenderTransform">
                <Setter.Value>
                    <CompositeTransform ScaleX="1.0" ScaleY="0.9"/>
                </Setter.Value>
            </Setter>
        </Style>
    </Page.Resources>

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <!--<radials:RadialRepeater Grid.Column="1" Items="41" AngleBegin="270" AngleEnd="0" ChildAngleBegin="90" ChildAngleDelta="-6.75" HorizontalAlignment="Left">
            <radials:RadialRepeater.ItemTemplate>
                <DataTemplate>
                    <Rectangle Width="12" Height="4" Fill="#80FF0000"/>
                </DataTemplate>
            </radials:RadialRepeater.ItemTemplate>
        </radials:RadialRepeater>-->
        <!--<radials:RadialRepeater Items="41" AngleBegin="270" AngleEnd="0"  HorizontalAlignment="Left" VerticalAlignment="Center" ChildAngleBegin="270"  ChildAngleDelta="-6.75">
            <radials:RadialRepeater.ItemTemplate>
                <DataTemplate>
                    <Rectangle Width="20" Height="4" Fill="#800FFFFF" RenderTransformOrigin="0, 0.5"/>
                </DataTemplate>
            </radials:RadialRepeater.ItemTemplate>
        </radials:RadialRepeater>-->
        <!--<radials:RadialLayoutPanel
        			CenterOrigin="True"
        			RadiusBegin="200" RadiusEnd="200"
        			AngleBegin="90" AngleEnd="-180" 
                    ChildAngleBegin="0" ChildAngleDelta="-90"
                    
                >
            <TextBlock Style="{StaticResource DashBoardNumber}" Text="12"/>
            <TextBlock Style="{StaticResource DashBoardNumber}" Text="03"/>
            <TextBlock Style="{StaticResource DashBoardNumber}" Text="06"/>
            <TextBlock Style="{StaticResource DashBoardNumber}" Text="09"/>
            
            <Rectangle Style="{StaticResource rect}"/>
            <Rectangle Style="{StaticResource rect}"/>
            <Rectangle Style="{StaticResource rect}"/>
            <Rectangle Style="{StaticResource rect}"/>
        </radials:RadialLayoutPanel>-->
        <ozctrl:RadialControl AngleBegin="36.2" AngleEnd="-0.5" ThicknessBegin="-7" ThicknessEnd="-7" RadiusBegin="191" RadiusEnd="191" Foreground="Red" ShowCrosshairsAtOrigin="False" />
        <!--<ozctrl:RadialIndicator Value="0" UseLayoutRounding="False">
            <Line X2="190" Stroke="Red" HorizontalAlignment="Stretch" StrokeThickness="100.0" StrokeStartLineCap="Triangle" StrokeEndLineCap="Triangle" Margin="0.0, 25, 0.0, 0.0"/>
        </ozctrl:RadialIndicator>-->
    </Grid>
</Page>
